/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2023-07-07 15:38:56
*/
/*banner*/

.wrap{width: 14rem !important;}


#banner{width:100%;position:relative;overflow:hidden;}
#banner .wrap{width: 85%;}
#banner .swiper-slide img{display: block;width:100%;}
#banner .swiper-button-prev {outline：none;background: none;width: 0.55rem;height: 0.55rem;left:0.5rem;}
#banner .swiper-button-next {outline：none;background: none;width: 0.55rem;height: 0.55rem;right:0.5rem;}
#banner .swiper-pagination-bullets{bottom: 0.35rem !important;}
#banner .swiper-pagination-bullet{width: 3.5% !important;height: 2px;background:#8c8c8c !important;color: #fff !important;line-height: 0.35rem;opacity:0.7;font-size: 0.14rem;border-radius: 0rem !important;margin:0rem 0.1rem !important}
#banner .swiper-pagination-bullet-active{background:#fff !important;color: #fff;opacity:1;}

#banner img{width: 100%;display: block;}
#banner .biao p{padding-top: 2.8rem;font-size: 0.6rem;color: #fff;margin-bottom: 0.5rem;}
#banner .biao span{font-weight: bold;display: block;}
#banner .biao{font-size: 0.22rem;color: #fff;}

#banner .more{width: 1.4rem;height:0.5rem;line-height:0.5rem;background: #0059aa;color: #fff;display: block;text-align:center;margin-top: 0.7rem;border-radius: 0.5rem;font-size: 0.14rem;}

#banner .dian a{width: 1.83rem;height: 0.54rem;display: block;margin-right: 0.5rem;float: left;margin-top: 0.8rem;}
#banner .tu{width: 7.41rem;height: 2.02rem;display: block;margin-top: 25%;}



/*产品中心*/

#pro{width: 100%;height: 10.8rem;background: url(/statics/images/index/bg1.jpg)no-repeat center;background-size: cover;}

#pro .bottom .zuo{width: 5.5rem;float: left;height: 7.5rem;background: #033161;color:#fff;padding:0 0.5rem;margin-top: 1.5rem;margin-left: 11%;}

#pro .tit{font-size: 0.48rem;color: #fff;padding-top: 0.75rem;font-weight: bold;font-family: 'rb';padding-bottom: 0.2rem;}
#pro .bottom .zuo .more{width: 2rem;height: 0.5rem;line-height: 0.5rem;color: #fff;background: #fd3365;font-size: 0.18rem;display: block;border-radius: 0.5rem;text-align: center;font-family: 'rm';margin-top: 0.64rem;border: 2px solid transparent;}
#pro .bottom .zuo .more:hover{border:2px solid #fff;transition: all 0.25s ease-in-out;}



#pro .bg04_switch_btn a{width:100%;text-align:left;color:#fff;font-size:0.24rem;display: block;float: left;line-height: 1rem;height:1rem;letter-spacing: 1px;font-family: 'rm';border-bottom: 1px solid #6883a0;}
#pro .bg04_switch_btn a:hover,#pro .bg04_switch_btn a.active{}
#pro .bg04_switch_btn a img{float: right;padding-top: 0.4rem;display: block;width: 0.33rem;transition:1s;}
#pro .bg04_switch_btn a span{float: left;margin-right: 0.1rem;transition:1s;}


#pro .bg04_switch_btn a:hover img{padding-right:1rem;}
#pro .bg04_switch_btn a:hover span{margin-right:0.4rem;}




.bg04_switch_btn a:first-child{line-height:0.3rem;padding-top:0.2rem;height:0.8rem;}
.bg04_switch_btn a:first-child img{padding-top:0;}



.bg04_switch_box_wrap{width: 9.5rem;float: right;overflow: hidden;height: 9rem;}
.bg04_switch_box_wrap .swiper-slide{width: 6.5rem !important;margin-right: 0.8rem;}
.bg04_switch_box_wrap .swiper-slide p{font-size: 0.34rem;color: #333333;font-family: 'rb';margin:0.8rem auto 0.4rem;}
.bg04_switch_box_wrap .swiper-slide .tu{width: 6.5rem;height: 4rem;overflow: hidden;}
.bg04_switch_box_wrap .swiper-slide .tu img{width: 100%;display: block;transition:0.5s}
.bg04_switch_box_wrap .swiper-slide .tu:hover img{transform: scale(1.1);}
.bg04_switch_box_wrap .swiper-slide .more{padding-top: 0.5rem;display: inline-block;font-size: 0.18rem;font-family: 'rm';border-bottom: 2px solid #fd3365;padding-bottom: 0.15rem;transition:0.5s;}
.bg04_switch_box_wrap .swiper-slide .more img{width: 0.22rem;margin-left: 0.05rem;transition:0.5s;}

.bg04_switch_box_wrap .swiper-slide .more:hover img{margin-left:0.2rem;}

.bg04_switch_box_wrap .swiper-slide .more:hover{color: #fd3365;}

.bg04_switch_btn a.active span{color: #2f9cff;}






#bg2{width: 100%;height: 6rem;background: url(/statics/images/index/bg2.jpg)no-repeat center;background-size: cover;}
#bg2 .wrap{width: 14.8rem !important;}
#bg2 .wrap a{width: 4.78rem;height: 2.58rem;display: block;float: left;border-radius: 1.3rem;overflow: hidden;border:1px solid #cccccc;margin-right: 0.19rem;margin-top: 1.7rem;position: relative;}
#bg2 .wrap a:last-child{margin-right: 0;}
#bg2 .wrap a:first-child{display:none !important;}

#bg2 .wrap a .yin{display: block;background: rgba(253,51,101,0.9);position: absolute;z-index: 1;top:-3.5rem;left:0;width: 100%;height: 2.58rem;text-align: center;color: #fff;font-size: 0.34rem;font-family: 'rb';padding-top: 0.8rem;transition:0.5s}
#bg2 .wrap a .yin img{width:0.26rem;display: block;margin:0 auto;margin-top: 0.4rem;}

#bg2 .wrap a:hover .yin{top:0}



#bg3{width: 100%;height: 9.2rem;background: url(/statics/images/index/bg3.jpg)no-repeat center;background-size: cover;}
#bg3 .title{text-align: center;font-size: 0.64rem;color: #333333;font-family: 'rb';padding-top: 1.2rem;}
#bg3 .title hr{width: 1rem;height: 4px;background: #333333;outline: none;border:none;}
#bg3 .fl{width: 9rem;height: 6rem;overflow: hidden;margin-top: 0.8rem}
#bg3 .fl img{width: 100%;display: block;transition:0.5s}

#bg3 .fl:hover img{transform: scale(1.1);}

#bg3 .fr{margin-top: 0.8rem;padding-right: 3.5rem;}
#bg3 .fr p{color: #333333;font-family: 'rb';font-size: 0.45rem;padding-top: 0.5rem;}
#bg3 .fr p span{color: #fd3365;}
#bg3 .fr .wen{font-size: 0.22rem;color: #333333;font-family: 'rb';line-height: 0.5rem;margin: 0.3rem 0;}
#bg3 .fr .wen span{color:#fd3365;margin-right: 0.1rem;}
#bg3 .fr i{font-size: 0.22rem;color: #333333;font-family: 'rm';display: block;}
#bg3 .fr .more{width: 2.55rem;height: 0.55rem;line-height: 0.55rem;border:3px solid #fd3365;color:#fd3365;font-size: 0.2rem;display: block;border-radius: 0.55rem;text-align: center;margin-top: 0.55rem;font-family: 'rm';transition:0.5s}
#bg3 .fr .more:hover{background:#fd3365;color:#fff;}



#bg4{width: 100%;height: 10.6rem;background: url(/statics/images/index/bg4.jpg)no-repeat center;background-size: cover;}
#bg4 .title{text-align: center;color: #333333;font-size: 0.45rem;font-family:'rb';padding-top: 1.4rem;}
#bg4 .title span{color: #fd3365;}
#bg4 i{font-size: 0.22rem;color: #333333;font-family: 'rm';text-align: center;display: block;width: 100%;margin-top: 0.3rem;margin-bottom: 0.4rem;} 
#bg4 .more{width: 1.6rem;height: 0.55rem;line-height: 0.55rem;border-radius: 0.55rem;margin: 0 auto;display: block;font-size: 0.2rem;color:#fd3365;border:3px solid #fd3365;text-align: center;font-family: 'rm';transition:0.5s}

#bg4 .more:hover{background:#fd3365;color:#fff;}


#bg4 .swiper-slide img{width: 100%;display: block;}



#bg5{width: 100%;height: 10rem;background: url(/statics/images/index/bg5.jpg)no-repeat center;background-size: cover;}
#bg5 .fl p{font-size:0.64rem;font-family: 'rb';padding-top: 1.2rem;line-height: 0.64rem;}
#bg5 .fl p span{color: #fd3365;}
#bg5 .fl i{color:#333333;font-size: 0.22rem;display: block;padding-top: 0.3rem;font-family: 'rg';}
#bg5 .more{width: 1.6rem;height: 0.55rem;line-height: 0.55rem;border-radius: 0.55rem;margin: 0 auto;display: block;font-size: 0.2rem;color:#fd3365;border:3px solid #fd3365;text-align: center;float: right;margin-top: 1.25rem;font-family: 'rm';transition:0.5s}

#bg5 .more:hover{background:#fd3365;color:#fff;}



#bg6{width: 100%;height: 16rem;background: url(/statics/images/index/line.jpg)no-repeat center;background-size:cover;}
#bg6 .shang{padding-top: 1.5rem;}
#bg6 .shang .fl{width: 5rem;height: 6.5rem;overflow:hidden;}
#bg6 .shang .fl img{width: 100%;display: block;transition:0.5s}
#bg6 .shang .fl img:hover{transform: scale(1.1);}

#bg6 .shang .fr{font-size: 0.22rem;color: #333333;font-family: 'rm';line-height: 0.32rem;padding-top: 1.5rem;}
#bg6 .shang .fr p{font-size: 0.4rem;color: #333333;font-family: 'rb';}
#bg6 .shang .fr p span{color: #fd3365;font-size: 0.5rem;line-height: 0.6rem;}
#bg6 .shang .fr .wen{margin-top: 0.4rem;}
#bg6 .shang .fr .more{width: 2.6rem;height: 0.55rem;line-height: 0.55rem;border-radius: 0.55rem;margin: 0 auto;display: block;font-size: 0.2rem;color:#fff;border:3px solid #fff;text-align: center;float: left;margin-top: 2.2rem;font-family: 'rm';transition:0.5s}

#bg6 .shang .fr .more:hover{background:#fd3365;color:#fff !important;}




 #anli{
	    width: 100%;background:#f1f5f8;
    }
	#anli .swiper-wrapper{
		margin-top: 1rem;
	}
    #anli .swiper-slide{
	    width:9.78rem;
		transition-timing-function:linear;
    }
	
	#anli .swiper-slide .title{display: none;width: 100%;}
	#anli .swiper-slide-active .title{display: block;}
	#anli .swiper-slide .title p{font-size: 0.45rem;color: #333333;font-family: 'rb';line-height: 0.55rem;}
	#anli .swiper-slide .title p span{color:#fd3365;}
	#anli .swiper-slide .wen{font-size: 0.18rem;color: #333333;font-family: 'rm';line-height: 0.26rem;margin: 0.2rem 0;}
	#anli .swiper-slide .ri a{font-size: 0.22rem;color: #033161;font-family: 'rm';text-decoration: underline;}


	@media only screen and (max-width:12rem){
	    #anli .swiper-slide {
	        width:7.7rem;
        }
	}
	@media only screen and (max-width:9.8rem){
	    #anli .swiper-slide {
	        width:4.71rem;
        }
	}
	@media only screen and (max-height:4.8rem){
	    #anli .swiper-slide {
	        width:4.71rem;
        }
	}
	#anli .swiper-slide img{
		width:100%;
		margin-top: 3.2rem;
	}

	#anli .swiper-slide .yc{display: none;width: 1.8rem;height: 1.8rem;position: absolute;top:50%;left:40%;}
	#anli .swiper-slide .yc img{width: 100%;display: block;}
	#anli .swiper-slide-active .tu:hover .yc{display: block;}


	#anli .swiper-slide-active img{
		width:100%;
		margin-top: 0.9rem;
	}

		
    #anli .swiper-button-next,#anli .swiper-button-prev{
		width:1.2rem;
		height:0.53rem;
		background-size:1.2rem;
		top:1.6rem;
		border-radius: 0.53rem;overflow: hidden;
		outline:none;left:64%;}
	#anli .swiper-button-next{left:auto;right:22%;}
	#anli .swiper-button-next{
		background-image:url(/statics/images/index/cursor-next.jpg);}
	#anli .swiper-button-prev{
		background-image:url(/statics/images/index/cursor-prev.jpg);}		

			






#about{width: 100%;height: 10.4rem;background: url(/statics/images/index/about_bg.jpg)no-repeat center;background-size:cover;}
#about .fl{width: 7.2rem;padding-top: 1.6rem;}
#about .fl .title{font-size: 0.64rem;color: #333333;font-weight: bold;font-family: 'rb';border-bottom: 1px solid #c9d3de;padding-bottom: 0.45rem;}
#about .fl p{font-size: 0.5rem;color: #fd3365;font-family: 'rb';padding-top: 0.45rem;}
#about .fl .wen{font-size: 0.22rem;color:#033161;font-family: 'rb';padding-top: 0.2rem;}
#about .fl i{font-size: 0.2rem;color: #333333;font-family: 'rg';display: block;margin: 0.35rem 0 0.6rem;line-height:0.4rem;}
#about .more{width: 1.6rem;height: 0.55rem;line-height: 0.55rem;border-radius: 0.55rem;display: block;font-size: 0.2rem;color:#fd3365;border:3px solid #fd3365;text-align: center;font-family: 'rm';transition:0.5s}


#about .more:hover{background:#fd3365;color:#fff !important;}



#datu{background:url(/statics/images/index/hengfu.jpg)no-repeat center;background-size: cover;width:100%;height: 3.5rem;position: relative;z-index: 100;}
#datu .title{font-size: 0.34rem;font-family: 'rb';color:#fff;text-align: center;padding-top: 0.9rem;}


/*硬实力*/
#ysl{width: 100%;height: 10.64rem;background: url(/statics/images/index/ysl.jpg)no-repeat center;margin-top: 0.5rem;background-size: cover;position: relative;}

#ysl .bg02_switch_btn{position: absolute;right: 0.5rem;bottom:1rem;width: 12rem;}
#ysl .bg02_switch_btn a span{width: 1.1rem;height: 1.1rem;border-radius: 50%;background: #cccccc;display: block;margin: 0 auto;margin-bottom: 0.25rem;}
#ysl .bg02_switch_btn a span img{width: 100%;display: block;margin:0 auto;}

#ysl .bg02_switch_btn a{width:20%;float: left;text-align: center;font-size: 0.18rem;color: #666;}
#ysl .bg02_switch_btn a:hover span,#ysl .bg02_switch_btn a.active span{background:-webkit-linear-gradient(bottom,#dd0317,#6b206a);}
#ysl .bg02_switch_btn a:hover,#ysl .bg02_switch_btn a.active{color: #d4061e}


.bg02_switch_box{display: none;}
.bg02_switch_box .wen{width: 6rem;font-size: 0.16rem;line-height: 0.35rem;color: #666666;position: absolute;top:3.3rem;left: 2.8rem;}
.bg02_switch_box .wen p{font-size: 0.35rem;color: #000000;font-weight: bold;margin-bottom: 0.4rem;}
.bg02_switch_box .wen p span{color: #dc0314;font-size: 0.7rem;padding-right: 0.1rem;font-family: 'Oswald-Medium'}
.bg02_switch_box .tu{width: 9.18rem;height: 6.04rem;position: absolute;right: 0.45rem;top:1.2rem;border-radius: 0 0.5rem 0 0;overflow: hidden;}
.bg02_switch_box .tu img{width: 100%;display: block;}

#ysl .phone{font-size: 0.3rem;color: #d4061e;font-family: 'Oswald-Medium';position: absolute;top:6rem;left:2.8rem;}
#ysl .phone img{width: 0.3rem;float: left;margin-right: 0.2rem;padding-top: 0.1rem;}
#ysl .more{top:8.2rem;left:2.8rem;width: 2.03rem;display: block;position: absolute;}
#ysl .more img{width: 100%;display: block;}



/*客户见证*/

#kehu{width: 100%;height: 9.5rem;}
#kehu .tit{margin-bottom: 0.7rem;}
#kehu .wrap{height: 4.66rem;position: relative;width: 14rem;}
.bg03_switch_btn{width: 1.15rem;height: 4.66rem;background: #f8f8f8;color: #666666;float: left;}
.bg03_switch_btn a{width:100%;text-align:center;color:#333;font-size:0.26rem;display: block;float: left;line-height: 1.16rem;height:25%;letter-spacing: 1px;display: block;border-radius: 50%;}
.bg03_switch_btn a:hover,.bg03_switch_btn a.active{color:#d4061e !important;}

.bg03_switch_box{display: none;}
.bg03_switch_box_wrap{width: 12rem;float: right;height: 4.66rem;position: relative;}
.bg03_switch_box .tu{width: 6.89rem;height: 4.66rem;float: left;}
.bg03_switch_box .tu img{width: 100%;display: block;}
.bg03_switch_box .wen{font-size: 0.16rem;color: #666666;line-height: 0.3rem;width: 4rem;float: right;}
.bg03_switch_box .wen p{font-size: 0.24rem;color: #333333;padding-top: 0.6rem;padding-bottom: 0.35rem;}

.bg03_switch_box .shu{font-size: 1rem;background-image:-webkit-linear-gradient(bottom,#6b206a,#dd0317); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;font-family:'Oswald-Medium';position: absolute;bottom:0.2rem;right:1rem;}


#kehu .info_box_pic_box{width:100%;overflow:hidden;position:relative;margin: 0 auto;margin-top: 0.8rem;}
#kehu .swiper-slide .fl{width: 2.03rem;height: 1.43rem;overflow: hidden;}
#kehu .swiper-slide .fl img{width: 100%;display: block;}
#kehu .swiper-slide .fl p{font-size: 0.48rem;color:#dc0314;}


#kehu .swiper-slide .fr{width: 2.2rem;float: left;font-size: 0.14rem;color: #999999;line-height: 0.22rem;text-align: left;padding-left: 0.3rem;}
#kehu .swiper-slide .fr p{font-size: 0.2rem;color: #333333;font-weight: bold;line-height: 0.6rem;height: 0.6rem;}
#kehu .swiper-slide .fr .more{margin-top: 0.15rem;width: 0.34rem;overflow: hidden;}
#kehu .swiper-slide .fr .more img{width: 100%;display: block;}



#toutiao{margin-top: 1.2rem;}

#toutiao .zuo{width: 6.65rem;float: left;}





.bg05_switch_box_wrap{width: 14.8rem;margin:0 auto;}
.bg05_switch_box{display: none;}

.bg05_switch_box .shang{width: 9.65rem;height: 2.9rem;border:1px solid #cccccc;position: relative;}
.bg05_switch_box .shang .tu{width: 2.88rem;height: 2.1rem;overflow: hidden;float:left;margin: 0.4rem;display: block;}
.bg05_switch_box .shang img{width: 100%;display: block;}



.bg05_switch_box .shang .wen{font-size: 0.14rem;line-height: 0.25rem;color: #666666;margin-right: 0.5rem;}
.bg05_switch_box .shang .wen a{font-size: 0.2rem;color: #333333;padding-top: 0.7rem;padding-bottom: 0.3rem;display: block;}
.bg05_switch_box .shang .wen .riqi{font-size: 0.16rem;color: #cccccc;margin-top: 0.3rem;display: block;}
.bg05_switch_box .shang .yj{width: 0.55rem;display: block;position: absolute;right: 0;bottom: 0;}

.bg05_switch_box .xia a{width: 2.7rem;height: 2.25rem;background: #fff;padding:0.2rem;float: left;margin-right: 0.15rem;margin-top: 0.36rem;}
.bg05_switch_box .xia a:last-child{margin-right: 0;}

.bg05_switch_box .xia a .top{height: 1rem;width: 100%;border-bottom: 2px solid #cccccc;}
.bg05_switch_box .xia a .top img{width: 1rem;height: 1rem;display: block;float: left;}
.bg05_switch_box .xia a .top span{font-size: 0.6rem;color:#cccccc;font-family: 'Oswald-Medium';float: right;}
.bg05_switch_box .xia a .bottom p{font-size:0.16rem;color: #333333;padding-top: 0.3rem;}
.bg05_switch_box .xia a .bottom span{font-size: 0.14rem;color: #cccccc;display: block;padding:0.1rem 0;}
.bg05_switch_box .xia a .bottom i{font-size: 0.14rem;color: #cccccc;display: block;}
.bg05_switch_box .xia a:hover{box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);}

.bg05_switch_box .xia a:hover i{color: #dc0314;}
.bg05_switch_box .xia a:hover .top{height: 1rem;width: 100%;border-bottom: 2px solid #dc0314;}





#new{width: 100%;height: 9rem;background:#ffffff;position: relative;z-index: 100;}
#new .title{width:14.8rem;margin:0 auto;padding-top: 1.5rem;}
#new .title p{color:#111111;text-align:left;float: left;font-size: 0.64rem;font-family: 'rb';}

#new .title .bg05_switch_btn{width: 4.95rem;float: right;}
#new .title .bg05_switch_btn a{float: left;width: 2.2rem;height: 0.55rem;line-height: 0.55rem;border-radius: 0.55rem;margin: 0 auto;display: block;font-size: 0.2rem;color:#fd3365;border:3px solid #fd3365;text-align: center;font-family: 'rm';margin-left: 0.39rem;}
#new .title .bg05_switch_btn a:first-child{margin-left: 0;}
#new .title .bg05_switch_btn a:hover,#new .title .bg05_switch_btn a.active{color:#fff;background:#fd3365;}

#new .info_box_pic_box{overflow:hidden;position:relative;margin-left: 2.35rem;margin-top: 0.7rem;}
#new .info_box_pic_box .swiper-slide img{display: block;width: 100%;}
#new .info_box_pic_box .swiper-slide{text-align: center;font-size: 0.18rem;text-align: center;color: #333;line-height: 0.5rem;}
#new .info_box_pic_box .swiper-slide:first-child,#cp .info_box_pic_box .swiper-slide:nth-child(2),#cp .info_box_pic_box .swiper-slide:nth-child(3){display:none;}

#new .bg{width: 4.6rem;height: 5rem;text-align: left;color: #111111;display: block;margin-right:0.45rem !important;float: left;}
#new .bg:hover p{color:#fd3365}
#new .bg:nth-child(3){margin-right: 0 !important;}
#new .bg p{font-size: 0.22rem;overflow:hidden;font-family: 'rb';line-height: 0.32rem;margin: 0.4rem 0;}
#new .bg .tu{width: 4.6rem;height: 2.8rem;overflow: hidden;margin-top: 0.8rem;}
#new .bg .ri{font-size: 0.16rem;color: #cccccc;font-family: 'rg';float:left;}
#new .bg .tu img{width: 100%;transition:0.5s;}
#new .bg .tu:hover img{transform: scale(1.1);}
#new .bg .jt{float: right;}